import Vue from 'vue'
import App from './App.vue'
import router from './router'
import singleSpaVue from 'single-spa-vue'

Vue.config.productionTip = false

// 我们需要父应用加载子应用，子应用需要返回 bootstrap mount unmount 这些方法，将子应用打包成一个个的lib去给父应用使用

const appOptions = {
  el: '#vue', // 挂在到父应用的id为vue的标签中
  router,
  render: h => h(App)
}
// 如果是父应用引用
if(window.singleSpaNavigate){
  __webpack_public_path__ = 'http://localhost:10000/'
}
// 不是子应用，独立运行
if(!window.singleSpaNavigate){
  delete appOptions.el
  new Vue(appOptions).$mount('#app')
}


const vueLifeCyc = singleSpaVue({
  Vue,
  appOptions
})

// 协议接入 定好协议，父应用会调用这些方法
export const bootstrap = vueLifeCyc.bootstrap
export const mount = vueLifeCyc.mount
export const unmount = vueLifeCyc.unmount

/* new Vue({
  store,
  render: h => h(App)
}).$mount('#app') */
